import axios from '@/utils/request'
export default {
  AttendanceType: {
    list: {
      list_filter: {
        'store.id': () => {
          return axios
            .get(`/manage/stores`)
            .then(res =>
              Object.assign({ __label: '门店' },
                ...res.data.map(v => { return { [v.id]: v.name } })))
        }
      },
      list_display: [
        'store',
        'name',
        {
          property: 'startTime',
          label: '打卡开始时间',
          component: {
            props: ['data'],
            data() {
              return {
                time: new Date(this.data).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
              }
            },
            render(h) {
              return <span>{this.time}</span>
            }
          }
        },
        {
          property: 'endTime',
          label: '打卡结束时间',
          component: {
            props: ['data'],
            data() {
              return {
                time: new Date(this.data).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
              }
            },
            render(h) {
              return <span>{this.time}</span>
            }
          }
        }
        // {
        //   property: 'faceDetectTypeOnStart',
        //   label: '上班人脸核身',
        //   component: {
        //     props: ['data'],
        //     render(h) {
        //       if (this.data > 0) {
        //         return <el-tag type='success'>是</el-tag>
        //       } else {
        //         return <el-tag type='danger'>否</el-tag>
        //       }
        //     }
        //   }
        // },
        // {
        //   property: 'faceDetectTypeOnEnd',
        //   label: '下班人脸核身',
        //   component: {
        //     props: ['data'],
        //     render(h) {
        //       if (this.data > 0) {
        //         return <el-tag type='success'>是</el-tag>
        //       } else {
        //         return <el-tag type='danger'>否</el-tag>
        //       }
        //     }
        //   }
        // }
      ]
    },
    form: {
      fields: [
        'store',
        'name',
        {
          property: 'startTime',
          field_options: {
            label: '打卡开始时间'
          },
          component: {
            props: ['form', 'property'],
            render(h) {
              return (
                <el-time-picker v-model={this.form[this.property]} value-format={'HH:mm'} format={'HH:mm'}></el-time-picker>
              )
            }
          }
        },
        {
          property: 'endTime',
          field_options: {
            label: '打卡结束时间'
          },
          component: {
            props: ['form', 'property'],
            render(h) {
              return (
                <el-time-picker v-model={this.form[this.property]} value-format={'HH:mm'} format={'HH:mm'}></el-time-picker>
              )
            }
          }
        }
        // {
        //   property: 'faceDetectTypeOnStart',
        //   field_options: {
        //     label: '上班人脸核身'
        //   },
        //   default_value: 0,
        //   component: {
        //     props: ['form', 'property'],
        //     data() {
        //       return { enabled: false }
        //     },
        //     methods: {
        //       setInput(value) {
        //         if (value > 0) {
        //           this.enabled = true
        //         }
        //       }
        //     },
        //     watch: {
        //       'form.faceDetectTypeOnStart': {
        //         handler(value, oldValue) {
        //           this.setInput(value)
        //         },
        //         immediate: true
        //       }
        //     },
        //     render(h) {
        //       return (
        //         <el-checkbox v-model={this.enabled} />
        //       )
        //     }
        //   }
        // },
        // {
        //   property: 'faceDetectTypeOnEnd',
        //   field_options: {
        //     label: '下班人脸核身'
        //   },
        //   default_value: 0,
        //   component: {
        //     props: ['form', 'property'],
        //     data() {
        //       return { enabled: false }
        //     },
        //     methods: {
        //       setInput(value) {
        //         if (value > 0) {
        //           this.enabled = true
        //         }
        //       }
        //     },
        //     watch: {
        //       'form.faceDetectTypeOnEnd': {
        //         handler(value, oldValue) {
        //           this.setInput(value)
        //         },
        //         immediate: true
        //       }
        //     },
        //     render(h) {
        //       return (
        //         <el-checkbox v-model={this.enabled} />
        //       )
        //     }
        //   }
        // }
      ]
    }
  }
}

